.playlist{
    width: 100%;
    .playlist_title{
       width: 100%;
       display: flex;
       padding:15rpx 15rpx 15rpx 15rpx ;
       align-items: center;
       .playlist_title_name{
            flex: 13;
            height: 40rpx;
            border-left: 4rpx solid red;
            display: flex;
            align-items: center;
            text{
                padding-left: 15rpx;
                font-size: 30rpx;
            }
       }
       .playlist_title_sort{
           flex: 3;
           display: flex;
           align-items: center;
           border: 1rpx solid #eeeeee;
           padding: 10rpx;
           image{
            width: 18%;
            }
           text{
            font-size: 24rpx;
            padding-left: 10rpx;
           }
       }
    }
    .playlist_content{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        .playlist_content_item{          
            width: 340rpx;
            margin:15rpx;
            .playlist_content_item_img{
                width: 100%;
                image{
                    width: 100%;
                }
            }
            .playlist_content_item_name{
                padding-top: 10rpx;
                width: 100%;
                height: 70rpx;
                text{
                    font-size: 28rpx;
                    font-weight: 400;
                    display: -webkit-box;
                    overflow: hidden;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 2;
                }
            }
        }
    }
}